<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css.css">
</head>
<body>
	<!-- 头部部分 -->
	<div class="top">
		<div class="top-in">你好，欢迎光临此网站</div>
	</div>
	<!-- 头部结束 -->
	<!-- 导航部分开始 -->
	<div class="nav">
		<div class="nav-in">
			<div class="nav-left"></div>
			<div class="nav-right">
				<ul>
					<li class="curr">公司首页</li>
					<li>产品介绍和下载</li>
					<li>合作流程</li>
					<li>加入我们</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 导航部分结束 -->
	<!-- banner部分开始 -->
		<div class="banner"></div>
		<!-- banner部分结束 -->
	<!-- 主体内容 -->
	<div class="main">
		<ul>
			<li class="noleft">
				<img src="img/main.jpg" alt="">
				<h3>您的需求由您来决定</h3>
				<p>用户无限制性，弥补你在地方的空白，支持学生的应用计费通道自由转换</p>
			</li>
			<li>
				<img src="img/main.jpg" alt="">
				<h3>您的需求由您来决定</h3>
				<p>用户无限制性，弥补你在地方的空白，支持学生的应用计费通道自由转换</p>
			</li>
			<li>
				<img src="img/main.jpg" alt="">
				<h3>您的需求由您来决定</h3>
				<p>用户无限制性，弥补你在地方的空白，支持学生的应用计费通道自由转换</p>
			</li>
			<li class="noright">
				<img src="img/main.jpg" alt="">
				<h3>您的需求由您来决定</h3>
				<p>用户无限制性，弥补你在地方的空白，支持学生的应用计费通道自由转换</p>
			</li>
		</ul>
	</div>
	<!-- 主体内容结束 -->
	<!-- 新闻模块 -->
	<div class="new">
		<div>我们为企业提供互联网服务12年，专业团队为您签章营销先机</div>
		<p>拨打11111网络热线010-123456</p>
	</div>
	<!-- 新闻模块结束 -->

	<div class="inset">
		<div class="inset-in"></div>
	</div>


	<!-- 公司产品模块 -->
	<div class="prodect">
		<div class="p-top">
			<img src="img/pro.jpg" alt="">
			<p>公司新闻</p>
		</div>
		<div class="p-conter">
			<div class="left">
				<img src="img/gril.jpg" alt="">
				<div class="wenzi">
					<h4>2014公司发展良好</h4>
					<p>赤子心许昌市大v个地方挂号费 年少多金丰东股个地方饿死of似懂非懂f似懂非懂f似懂非懂份封ID三是</p>
				</div>
			</div>
			<div class="right">
				<img src="img/gril.jpg" alt="">
				<div class="wenzi">
					<h4>2014公司发展良好</h4>
					<p>赤子心许昌市大v个地方挂号费 年少多金丰东股个地方饿死of似懂非懂f似懂非懂f似懂非懂份封ID三是</p>
				</div>
			</div>
		</div>
		<div class="p-bottom">
			<div class="b-left">
				<ul>
					<li>
						<span>奇特精准小手，品牌定位口碑营销</span> <em>2014-10-11</em>
					</li>
					<li>
						<span>奇特精准小手，品牌定位口碑营销</span> <em>2014-10-11</em>
					</li>
					<li>
						<span>奇特精准小手，品牌定位口碑营销</span> <em>2014-10-11</em>
					</li>
				</ul>
			</div>
			<div class="b-right">
				<ul>
					<li>
						<span>奇特精准小手，品牌定位口碑营销</span> <em>2014-10-11</em>
					</li>
					<li>
						<span>奇特精准小手，品牌定位口碑营销</span> <em>2014-10-11</em>
					</li>
					<li>
						<span>奇特精准小手，品牌定位口碑营销</span> <em>2014-10-11</em>
					</li>
			</div>
		</div>
	</div>
	<!-- 公司产婆快结束 -->

	<!-- 底部模块 -->
	<div class="footer">
		<div class="footer-in">
			<div class="f-top">
				<div class="f-top-left">
					<img src="img/line.jpg" alt="">
					<span>在线留言</span>
					<textarea>请输入留言内容</textarea>
					<button>提<br /><br />交</button>
				</div>
				<div class="f-top-right">
					<img src="img/peo.jpg" alt=""> <span>联系我们</span>
					<ul>
						<li>add：悲剧市十分士大夫撒旦的方式的</li>
						<li>tel：010-123456789</li>
						<li>网址：www.klf.itcast.cn</li>
						<li>eml:1321654@qq.com</li>
					</ul>
				</div>
			</div>
			<div class="f-bottom">
				<ul class="clear">
					<a>关于我们</a>
					<a>练习我们</a>
					<a>友情链接</a>
					<a>加入我们</a>
				</ul>
				<p>发射点反对感到翻跟斗翻跟斗恢复回复光翻跟斗翻跟斗恢复回复滑</p>

				<div class="box"></div>
			</div>
		</div>
	</div>
	<!-- 底部模块结束 -->
</body>
</html>